﻿<%@ Page Title="" Language="C#" MasterPageFile="~/GUI/User/UserChiTiet.master" AutoEventWireup="true" CodeBehind="ChitietVideo.aspx.cs" Inherits="ProjectWebNhac.GUI.User.ChitietVideo" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <script src="mp3js/jquery.jplayer.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#videoPanel").jPlayer({
                ready: function () {
                    $(this).jPlayer("setMedia", {
                        m4v: $('#pathVideo').val(),
                        ogv: "http://www.jplayer.org/video/ogv/Big_Buck_Bunny_Trailer_480x270.ogv",
                        poster: $('#pathPoster').val()
                    }
                    );
                },
                swfPath: "/mp3js",
                supplied: "m4v, ogv,mp4",
                allowFullScreen: true,                
            });

            $('#login').showPopup({
                top: 50,
                closeButton: ".close_popup",
                scroll: false,
                onClose: function () {
                }
            });
        });
    </script>
    <link href="mp3js/blue.monday/jplayer.blue.monday.css" rel="stylesheet" type="text/css" />
<div class="main-top span9" style="margin-top:17px">
    <div class="span9 no-margin">
        <asp:Repeater ID="reDetailVideo" runat="server">
        <ItemTemplate>

            <div class="span6 no-margin">
            <input id="pathVideo" type="hidden" value="../../Video/<%#Eval("LinkVideo") %>">
            <input id="pathPoster" type="hidden" value="../../HinhAnh/Video/<%#Eval("AvatarClip") %>">
         <div id="jp_container_1" class="jp-video ">
    <div class="jp-type-single">
      <div id="videoPanel" class="jp-jplayer"></div>
      <div class="jp-gui">
        <div class="jp-video-play">
          <a href="javascript:;" class="jp-video-play-icon" tabindex="1">play</a>
        </div>
        <div class="jp-interface">
          <div class="jp-progress">
            <div class="jp-seek-bar">
              <div class="jp-play-bar"></div>
            </div>
          </div>
          <div class="jp-current-time"></div>
          <div class="jp-duration"></div>
          <div class="jp-controls-holder">
            <ul class="jp-controls">
              <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
              <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
              <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
              <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
              <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
              <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
            </ul>
            <div class="jp-volume-bar">
              <div class="jp-volume-bar-value"></div>
            </div>
            <ul class="jp-toggles">
              <li><a href="javascript:;" class="jp-full-screen" tabindex="1" title="full screen">full screen</a></li>
              <li><a href="javascript:;" class="jp-restore-screen" tabindex="1" title="restore screen">restore screen</a></li>
              <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
              <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
            </ul>
          </div>
          <div class="jp-title">
            <ul>
              <li><%#Eval("TenVideo") %></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="jp-no-solution">
        <span>Update Required</span>
        To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
      </div>
    </div>
  </div>
        </div>
        </ItemTemplate>
        </asp:Repeater>
        
        <div class="span3" style="margin-left: -18px; width: 320px;">
            
            <h4>Video cùng ca sĩ</h4>
               <div class="sideblock2">
              	<ul>
                      <asp:Repeater ID="reVideoCungCaSi" runat="server">
                      <ItemTemplate>
                	<li>
                    	<div class="thumb" style="height: 53px;padding-top: 0px;">
                           	<a href="ChitietVideo.aspx?MaVideo=<%#Eval("MaVideo")%>">
                               	<img src="../../HinhAnh/Video/<%#Eval("AvatarClip")%>"  alt="" />
                        		<span class="time"><%#Eval("Timespan")%></span>
                           	</a>
                         </div>
                    	 <div class="description">
                           	<p style="margin-bottom: 5px;"><a class="colr2"  href="ChitietVideo.aspx?MaVideo=<%#Eval("MaVideo")%>"><%#Eval("TenVideo")%></a></p>
                           	<p style="margin-bottom: 5px;" class="viewcounts"><%#Eval("LuotXem")%> views</p>
                            <p style="margin-bottom: 5px;" class="stat">Người upload: <a href="#"><u>Admin</u></a></p> 
                         </div>
                    </li>
                    </ItemTemplate>
                      </asp:Repeater>

         
                </ul>
             <div class="clear"></div>
             </div>
        </div>
    </div>
</div>


<div class="span9 no-margin online-player album-article">
    <h1>Thông Tin Video</h1>
    <div class="info-line"><span>Tên Video: </span> 
                <asp:Label ID="lbTenVideo" runat="server" Text="Label"></asp:Label></div>
    <div class="info-line"><span>Ca sĩ: </span>
                <asp:HyperLink ID="hpCaSi" runat="server">HyperLink</asp:HyperLink> |</div> 
    <div class="info-line"><span>Lượt nghe: </span> 
                <asp:Label ID="lbLuotNghe" runat="server" Text="Label"></asp:Label></div>
    <div class="info-line"><span>Ngày đăng: </span> 
                <asp:Label ID="lbNgayDang" runat="server" Text="Label"></asp:Label>  |
                <span>Người upload: </span> 
                <asp:HyperLink ID="hpUploader" runat="server">HyperLink</asp:HyperLink></div>


     
                            <div class="song" style="background-color:#f0f0f0">
                              <h1>Thông Tin Ca Sĩ</h1>
                            </div>
                            <asp:Repeater ID="reThongTinCaSi" runat="server">
                            <ItemTemplate>
                            
                            <figure>
                                     <img style="height:115px;width:115px" src="../../HinhAnh/CaSi/<%#Eval("HinhAnh") %>" alt="">
                            </figure>
                            <div class="info-line"><span>Tên Ca Sĩ: </span> 
                               <a href="ChiTietCaSi.aspx?MaCaSi=<%#Eval("MaCaSi") %>"><asp:Label ID="lbTenCasi" runat="server" Text='<%#Eval("TenCaSi") %>'></asp:Label></a>
                            </div>
                            <div class="info-line"><span> Ngày Sinh :</span> 
                                <asp:Label ID="lbNgaySinh" runat="server" Text='<%#Eval("NgaySinh") %>'></asp:Label>
                             </div>
                            <div class="info-line"><span>Công ty đại diện :</span> 
                                <asp:Label ID="lbCongTy" runat="server" Text='<%#Eval("CongTyDaiDien") %>'></asp:Label>
                             </div>
                            <div class="info-line"><span>Quốc Gia :</span>
                                <asp:Label ID="lbQuocGia" runat="server" Text='<%#Eval("TenQuocGia") %>'></asp:Label>
                            </div>
                            
                            </ItemTemplate>
                            </asp:Repeater>
</div>


<div class="main-top span9">
<h4>Bình luận</h4>
      <div class="cmntcontainer">
						
						<div class="comment">
<%--							<textarea  class="txtcomment" name="txt" cols="0" rows="0"></textarea>--%>
                            <asp:TextBox ID="txtComment" class="txtcomment"  TextMode="MultiLine"  
                                runat="server"></asp:TextBox>
						</div>
						<div class="commentaction">	
							<ul>
								<li>
                                <%if (Session["ThanhVien"] != null)
                                  {
                                     %>
                                     <asp:Button ID="btnBinhLuan" CssClass="registration btn btn-blue" runat="server" 
                                                      Text="Bình luận" onclick="btnBinhLuan_Click" />
                                     <% 
                                  }
                                  else
                                  { %>
                                  <a  href="#popup_login" id="login" class='registration btn btn-blue'>Bình luận</a>
                                  <%} %>
                                
                                </li>
								
							</ul>
						</div>
						<div class="clear"></div>
						<div class="commentsec">
                            <asp:Repeater ID="reCommentList" runat="server">
                            <ItemTemplate>
                                <div class="replyfrist">	
							<div class="reply1_cmnt">
								<h6><%#Eval("TaiKhoan") %>:</h6>
                                <p>
									<%#Eval("LoiBinh") %>
								</p>
                                <div class="clear"></div>
                                <ul class="cmntinfo">
                                	<li><%#Eval("ThoiGian","{0:dd-MM-yyyy}") %></li>
                                </ul>
						</div>

						</div>
                            </ItemTemplate>
                            </asp:Repeater>
						
						
                   		<div class="clear"></div>
        			</div>
				<div class="clear"></div>
			</div>	
</div>
</asp:Content>
